<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="" />

    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
	
	<!-- css files -->
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
    <link href="css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
    <link href="css/font-awesome.min.css" rel="stylesheet"><!-- fontawesome css -->
	<!-- //css files -->
	
	<link href="css/css_slider.css" type="text/css" rel="stylesheet" media="all">

	<!-- google fonts -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
	<!-- //google fonts -->
	
</head>
<body>

<!-- header -->
<header>
	<div class="container">
		<!-- nav -->
		<nav class="py-md-4 py-3 d-lg-flex">
			<div id="logo">
				<h1 class="mt-md-0 mt-2"> <a href="index.html"><span class="fa fa-map-signs"></span> 悠捷商旅 </a></h1>
			</div>
			<label for="drop" class="toggle"><span class="fa fa-bars"></span></label>
			<input type="checkbox" id="drop" />
			<ul class="menu ml-auto mt-1">
				<li class="active"><a href="index.html">首页</a></li>
				<li class=""><a href="about.html">机票</a></li>
				<li class=""><a href="booking.html">酒店</a></li>
				<li class=""><a href="services.html">签证</a></li>
				<li class=""><a href="packages.html">关于</a></li>
				<li class=""><a href="contact.html">联系</a></li>
				<!-- <li class="booking"><a href="booking.html">留言</a></li> -->
			</ul>
		</nav>
		<!-- //nav -->
	</div>
</header>
<!-- //header -->

<!-- banner -->
<section class="banner_w3lspvt" id="home">
	<div class="csslider infinity" id="slider1">
		<input type="radio" name="slides" checked="checked" id="slides_1" />
		<input type="radio" name="slides" id="slides_2" />
		<input type="radio" name="slides" id="slides_3" />
		<input type="radio" name="slides" id="slides_4" />
		<ul>
			<li>
				<div class="banner-top">
					<div class="overlay">
						<div class="container">
							<div class="w3layouts-banner-info">
								<div class="title">
									<h3 class="text-wh">Never let your memories be greater than your dreams.</h3>
								    <h4 class="text-wh">Join hands with Youjie, worry-free business travel</h4>
								</div>
								<div class="buttons mt-4">
									<a href="packages.html" class="btn mr-2">关于我们</a>
									<a href="booking.html" class="btn">预定行程</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="banner-top1">
					<div class="overlay">
						<div class="container">
							<div class="w3layouts-banner-info">
								<div class="title">
									<h3 class="text-wh">Never let your memories be greater than your dreams.</h3>
								    <h4 class="text-wh">Join hands with Youjie, worry-free business travel</h4>
								</div>
								<div class="buttons mt-4">
									<a href="about.html" class="btn mr-2">关于我们</a>
									<a href="booking.html" class="btn">预定行程</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="banner-top2">
					<div class="overlay">
						<div class="container">
							<div class="w3layouts-banner-info">
								<div class="title">
									<h3 class="text-wh">Never let your memories be greater than your dreams.</h3>
								    <h4 class="text-wh">Join hands with Youjie, worry-free business travel</h4>
								</div>
								<div class="buttons mt-4">
									<a href="about.html" class="btn mr-2">关于我们</a>
									<a href="booking.html" class="btn">预定行程</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="banner-top3">
					<div class="overlay1">
						<div class="container">
							<div class="w3layouts-banner-info">
								<div class="title">
									<h3 class="text-wh">Never let your memories be greater than your dreams.</h3>
								    <h4 class="text-wh">Join hands with Youjie, worry-free business travel</h4>
								</div>
								<div class="buttons mt-4">
									<a href="about.html" class="btn mr-2">关于我们</a>
									<a href="booking.html" class="btn">预定行程</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li>
		</ul>
		<div class="arrows">
			<label for="slides_1"></label>
			<label for="slides_2"></label>
			<label for="slides_3"></label>
			<label for="slides_4"></label>
		</div>
	</div>
</section>
<!-- //banner -->

<!-- about -->
<section class="about py-5">
	<div class="container py-lg-5 py-sm-4">
		<div class="row">
			<div class="about-left">
				<h3 ><strong>OUR SERVICE</br></strong>我们提供的服务</h3>
				<!-- <p class="mt-4">Duis nisi sapien, elementum finibus fermentum eget, aliquet leo 等. Mauris hendrerit vel ex.
				Quisque vitae luctus massa. Phasellus sed aliquam leo. Vestibulum ullamcorper a massa eu fringilla. Integer ultrices finibus sed nisi.
				in convallis felis dapibus sit amet.</p>
				<p class="mt-3"> Donec a arcu et sapien hendrerit accumsan. Pellentesque sit amet eros iac, elementum 
				urna ipsum accumsan, iaculis ligula. Aenean quam eget maximus in convallis felis dapibus sit amet.</p> -->
				<div><a href="about.html"><img src="./images/jp.png" alt=""><p>机票</p></a></div>
				<div><a href="booking.html"><img src="./images/jd.jpg" style="padding: 12px;"  alt=""><p>酒店</p></a></div>
				<div><a href="services.html"><img src="./images/qz.png" alt=""><p>签证</p></a></div>
				<div><a href="packages.html"><img src="./images/hz.png" alt=""><p>会展</p></a></div>
			</div>
			<!-- <div class="col-lg-6 about-right text-lg-right mt-lg-0 mt-5">
				<img src="images/about.jpg" alt="" class="img-fluid abt-image" />
			</div> -->
		</div>
		<div class="row mt-5 text-center">
			<div class="col-lg-3 col-6">
				<div class="counter">
					<span class="fa fa-smile-o"></span>
					<p class="count-text text-uppercase">专人客服</p>
					<div class="timer count-title count-number">人工7*24小时专人一对一服务；专人客服24小时开机服务及提供差旅合理方案</div>
				</div>
			</div>
			<div class="col-lg-3 col-6">
				<div class="counter">
					<span class="fa fa-ship"></span>
					<p class="count-text text-uppercase">预订方式</p>
					<div class="timer count-title count-number">支持QQ、微信、EMAIL、电话预订</div>
				</div>
			</div>
			<div class="col-lg-3 col-6 mt-lg-0 mt-5">
				<div class="counter">
					<span class="fa fa-users"></span>
					<p class="count-text text-uppercase">短信通知</p>
					<div class="timer count-title count-number">机票、酒店预订成功短信提醒；航班信息短信提醒、登机提醒、变更延误、返程提醒</div>
				</div>
			</div>
			<div class="col-lg-3 col-6 mt-lg-0 mt-5">
				<div class="counter">
					<span class="fa fa-gift"></span>
					<p class="count-text text-uppercase">月结服务</p>
					<div class="timer count-title count-number">先订票后付款机票款一月一结算。无任何服务手续费</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //about -->

<ul class="list">
	<li>
		<p><img src="./images/预订.svg" style="width: 20px;height: auto;margin: 0 5px;">预订出错</p>
		<span>航班预订出错，影响行程或导致差旅成本提高</span>
	</li>
	<li>
		<p><img src="./images/报销申请.svg" style="width: 20px;height: auto;margin: 0 5px;">报销复杂</p>
		<span>行程单发票管理混乱或者邮寄不及时导致报销繁琐</span>
	</li>
	<li>
		<p><img src="./images/出票.svg" style="width: 20px;height: auto;margin: 0 5px;">出票不及时</p>
		<span>夜间时段客服电话无人接听，导致行程延误</span>
	</li>
	<li>
		<p><img src="./images/座位.svg" style="width: 20px;height: auto;margin: 0 5px;">机位紧张</p>
		<span>航班机位紧张，不能保证拿到航空公司机位</span>
	</li>
	<li>
		<p><img src="./images/航班.svg" style="width: 20px;height: auto;margin: 0 5px;">航班延误</p>
		<span>航班延误或者变动不能及时通知乘机人</span>
	</li>
	<li>
		<p><img src="./images/服务.svg" style="width: 20px;height: auto;margin: 0 5px;">服务态度差</p>
		<span>与客服人员沟通有障碍或者服务态度不好</span>
	</li>
</ul>

<div class="box">
	<p class="p1">悠捷在您身边，差旅事务不用愁!</p>
	<!-- <h3>正规资质经中航协、国际航协权威机构认证的指定代理商与国内外航司直接合作。</h3>
	<div>
		<p>预订方便：一对一金牌客服7*24h极速出票退改响应，电话，微信，QQ，短信</p>
	    <p>票款月结：为企业提供票款月结，先出票后付款。缓解企业的资金压力</p>
	    <p>对账方便：月底提供当月的详细账单明细，解决各大账单的繁琐</p>
	    <p>报销简单：统一提供发票报销，满足需求</p>
	    <p>VIP服务：可根据月结客户的喜好定制出行方案满足客户的需求，为特殊旅客优先座位，VIP接待室，接送机安排</p>
	</div> -->
	<div class="b2">
		<img src="./images/b2.png" alt="">
	</div>
</div>
<!-- how to book -->
<section class="book py-5">
	<div class="container py-lg-5 py-sm-3">
		<h2 class="heading text-capitalize text-center"> 全球定制旅行服务商</h2>
		<h4 class="heading text-capitalize text-center"> 多种服务项目，全方面满足您的差旅需求</h4>
		<div class="row mt-5 text-center">
			<div class="col-lg-4 col-sm-6">
				<div class="grid-info">
					<div class="icon">
						<span class="fa fa-map-signs"></span>
					</div>
					<h4>资质正规</h4>
					<p class="mt-3">经中航协、国际航协权威机构认证的指定代理商</p>
				</div>
			</div>
			<div class="col-lg-4 col-sm-6 mt-sm-0 mt-5">
				<div class="grid-info">
					<div class="icon">
						<span class="fa fa-calendar"></span>
					</div>
					<h4>价格优势</h4>
					<p class="mt-3">具竞争力的价格</br>全面的保障体系</p>
				</div>
			</div>
			<div class="col-lg-4 col-sm-6 mt-lg-0 mt-5">
				<div class="grid-info">
					<div class="icon">
						<span class="fa fa-gift"></span>
					</div>
					<h4>极速响应</h4>
					<p class="mt-3">一对一金牌客服7*24h</br>极速出票退改响应</p>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //how to book -->

<!-- tour packages -->
<section class="packages py-5">
	<div class="container py-lg-4 py-sm-3">
		<h3 class="heading text-capitalize text-center" style="margin-bottom: 20px;">动态</h3>
		<!-- <p class="text mt-2 mb-5 text-center">Vestibulum tellus neque, sodales vel mauris at, rhoncus finibus augue. Vestibulum urna ligula, molestie at ante ut, finibus vulputate felis.</p> -->
		<div class="row">
			<div class="col-lg-3 col-sm-6">
				<div class="image-tour position-relative">
					<img src="images/p1.jpg" alt="" class="img-fluid" />
					<!-- <p><span class="fa fa-tags"></span> <span>20$</span></p> -->
				</div>
				<div class="package-info">
					<!-- <h6 class="mt-1"><span class="fa fa-map-marker mr-2"></span>法国巴黎</h6> -->
					<h5 class="my-2">19-12-03</h5>
					<p class="">
						申请瑞士签证不再必须“面签” 今
						据《新闻晨报》报道，外企德科上海瑞士签证受理中心昨日正式举行开业典礼，
						这意味着申请赴瑞士签证的申请人有了新的申请方式，面签也不再是必须的。</p>
					<!-- <ul class="listing mt-3">
						<li><span class="fa fa-clock-o mr-2"></span>时间 : <span>10 天</span></li>
					</ul> -->
				</div>
			</div>
			<div class="col-lg-3 col-sm-6">
				<div class="image-tour position-relative">
					<img src="images/p2.jpg" alt="" class="img-fluid" />
					<!-- <p><span class="fa fa-tags"></span> <span>20$</span></p> -->
				</div>
				<div class="package-info">
					<!-- <h6 class="mt-1"><span class="fa fa-map-marker mr-2"></span>美国洛杉矶</h6> -->
					<h5 class="my-2">19-12-03</h5>
					<p class="">
						美国留学签证办理常见问题
						1、问：哪里可以找到DS-160表格? 答：申请者可以在Consular Electronic Application Center网站或者是从U.S.Embassy or Consulate网站上的链接访问DS-160。
						更多信息请浏览http：//travel.state.gov网站上的DS-...</p>
					<!-- <ul class="listing mt-3">
						<li><span class="fa fa-clock-o mr-2"></span>时间 : <span>10 天</span></li>
					</ul> -->
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-lg-0 mt-5">
				<div class="image-tour position-relative">
					<img src="images/p3.jpg" alt="" class="img-fluid" />
					<!-- <p><span class="fa fa-tags"></span> <span>20$</span></p> -->
				</div>
				<div class="package-info">
					<!-- <h6 class="mt-1"><span class="fa fa-map-marker mr-2"></span>印度阿格拉</h6> -->
					<h5 class="my-2">19-12-03</h5>
					<p class="">
						悠捷商务官方网站正式上线
						上海悠捷商务咨询有限公司总部设于长江三角洲的 核心城市上海，是一家由上海工商局正式批准成立并获
						得国际航空运输协会(IATA)一级资质、阿迈德斯 （ AMADEUS）、加利略（ GALILEO）以及阿巴</p>
					<!-- <ul class="listing mt-3">
						<li><span class="fa fa-clock-o mr-2"></span>时间 : <span>10 天</span></li>
					</ul> -->
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-lg-0 mt-5">
				<div class="image-tour position-relative">
					<img src="images/p4.jpg" alt="" class="img-fluid" />
					<!-- <p><span class="fa fa-tags"></span> <span>20$</span></p> -->
				</div>
				<div class="package-info">
					<!-- <h6 class="mt-1"><span class="fa fa-map-marker mr-2"></span>法国巴黎</h6> -->
					<h5 class="my-2">19-12-03</h5>
					<p class="">
						申请英国留学签证常见问题
						1、问：哪里可以找到DS-160表格? 答：申请者可以在Consular Electronic Application Center网站或者
						是从U.S.Embassy or Consulate网站上的链接访问DS-160。更多信息请浏览http：//travel.state.gov网站上的DS-...</p>
					<!-- <ul class="listing mt-3">
						<li><span class="fa fa-clock-o mr-2"></span>时间 : <span>10 天</span></li>
					</ul> -->
				</div>
			</div>
		</div>
		<div class="view-package text-center mt-4">
			<a href="packages.html">查看更多</a>
		</div>
	</div>
</section>
<!-- tour packages -->

<!-- text -->
<section class="text-content">
	<div class="overlay-inner py-5">
		<div class="container py-md-3">
			<div class="test-info">
				<h4 class="tittle">为什么选择我们？</h4>
				<p class="mt-3">
					我们率先提出“秒回复”和“错单全赔”的服务保障承诺！
					我们对服务速度和态度的投诉零容忍！您也不该为我们的错误买单！
					不满意？上门征询！投诉必究！</p>
				<div class="text-left mt-4">
						<a href="booking.html">现在预订</a>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //text -->
	
<!-- destinations -->
<section class="destinations py-5" id="destinations">
	<div class="container py-xl-5 py-lg-3">
		<h3 class="heading text-capitalize text-center" style="margin-bottom: 20px;"> 热门酒店</h3>
		<!-- <p class="text mt-2 mb-5 text-center">Vestibulum tellus neque, sodales vel mauris at, rhoncus finibus augue. Vestibulum urna ligula, molestie at ante ut, finibus vulputate felis.</p> -->
		<div class="row inner-sec-w3layouts-w3pvt-lauinfo">
			<div class="col-md-3 col-sm-6 col-6 destinations-grids text-center">
				<h4 class="destination mb-3">希尔顿酒店</h4>
				<div class="image-position position-relative">
					<img src="images/jd1.jpg" class="img-fluid" alt="">
					<div class="rating">
						<ul>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
						</ul>
					</div>
				</div>
				<div class="destinations-info">
					<div class="caption mb-lg-3">
						<h4>希尔顿酒店</h4>
						<a href="booking.html">现在预订</a>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-6 destinations-grids text-center">
				<h4 class="destination mb-3">香格里拉酒店</h4>
				<div class="image-position position-relative">
					<img src="images/jd2.jpg" class="img-fluid" alt="">
					<div class="rating">
						<ul>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
						</ul>
					</div>
				</div>
				<div class="destinations-info">
					<div class="caption mb-lg-3">
						<h4>香格里拉酒店</h4>
						<a href="booking.html">现在预订</a>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-6 destinations-grids text-center mt-md-0 mt-4">
				<h4 class="destination mb-3">亚朵酒店</h4>
				<div class="image-position position-relative">
					<img src="images/jd3.jpg" class="img-fluid" alt="">
					<div class="rating">
						<ul>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
						</ul>
					</div>
				</div>
				<div class="destinations-info">
					<div class="caption mb-lg-3">
						<h4>亚朵酒店</h4>
						<a href="booking.html">现在预订</a>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-6 destinations-grids text-center mt-md-0 mt-4">
				<h4 class="destination mb-3">洲际酒店</h4>
				<div class="image-position position-relative">
					<img src="images/jd4.jpg" class="img-fluid" alt="">
					<div class="rating">
						<ul>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
							<li><span class="fa fa-star"></span></li>
						</ul>
					</div>
				</div>
				<div class="destinations-info">
					<div class="caption mb-lg-3">
						<h4>洲际酒店</h4>
						<a href="booking.html">现在预订</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- destinations -->

<!--footer -->
<footer>
<section class="footer footer_w3layouts_section_1its py-5">
	<div class="container py-lg-4 py-3">
		<div class="row footer-top">
			<div class="col-lg-3 col-sm-6 footer-grid_section_1its_w3">
				<div class="footer-title">
					<h3>联系我们</h3>
				</div>
				<div class="footer-text">
					<!-- <p>联 系 人：孙 娟</p> -->
					<p>联系电话：021-22874316</p>
					<!-- <p>手机 : 15669970810(微信同号）</p> -->
					<p>地址 : 上海市浦东新区富特西一路417号235室&emsp;上海市闵行区光中路133弄19号A座</p>
					<p>邮 箱：<a href="mailto:info@example.com">Tina@youjiesw.com</a></p>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 footer-grid_section mt-sm-0 mt-4">
				<div class="footer-title">
					<h3>关于我们</h3>
				</div>
				<div class="footer-text">
					<p>上海悠捷商务咨询有限公司总部设于长江三角洲的 核心城市上海，
						是一家由上海工商局正式批准成立并获 得国际航空运输协会(IATA)一级资质、阿迈德斯 （ AMADEUS）、加利略（ GALILEO）以及
						阿巴克斯 （ ABACUS）世界三大分销网络航空合作单位!</p>
				</div>
				<!-- <ul class="social_section_1info">
					<li class="mb-2 facebook"><a href="#"><span class="fa fa-facebook"></span></a></li>
					<li class="mb-2 twitter"><a href="#"><span class="fa fa-twitter"></span></a></li>
					<li class="google"><a href="#"><span class="fa fa-google-plus"></span></a></li>
					<li class="linkedin"><a href="#"><span class="fa fa-linkedin"></span></a></li>
				</ul> -->
			</div>
			<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4 footer-grid_section_1its_w3">
				<div class="footer-title">
					<h3>旅游地点</h3>
				</div>
				<div class="row">
					<ul class="col-6 links">
						<li><a href="#choose" class="scroll">新西兰 </a></li>
						<li><a href="#overview" class="scroll">法国巴黎 </a></li>
						<li><a href="#pricing" class="scroll">洛杉矶</a></li>
						<li><a href="#faq" class="scroll"> 达灵顿</a></li>
						<li><a href="#testimonials" class="scroll">加拿大 </a></li>
						<li><a href="#contact" class="scroll"> 南非 </a></li>
					</ul>
					<ul class="col-6 links">
						<li><a href="#">西班牙 </a></li>
						<li><a href="#">土耳其</a></li>
						<li><a href="#faq" class="scroll">欧洲 </a></li>
						<li><a href="#">意大利 </a></li>
						<li><a href="#">瑞典 </a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4 footer-grid_section_1its_w3">
				<div class="footer-title">
					<h3>通讯</h3>
				</div>
				<div class="footer-text">
					<p>订阅我们的邮件列表，您将始终获得我们的最新消息和更新。</p>
					<form action="#" method="post">
						<input type="email" name="Email" placeholder="Enter your email..." required="">
						<button class="btn1"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
						<div class="clearfix"> </div>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>
</footer>
<!-- //footer -->

<!-- copyright -->
<div class="copyright py-3 text-center">
	<p>Copyright &copy; 2019.YouJie All rights reserved. <a href="http://www.baidu.com/" target="_blank" title=""></a><a href="http://www.cssmoban.com/" title="" target="_blank"></a></p>
</div>
<!-- //copyright -->

<!-- move top -->
<div class="move-top text-right">
	<a href="#home" class="move-top"> 
		<span class="fa fa-angle-up  mb-3" aria-hidden="true"></span>
	</a>
</div>
<!-- move top -->

	
</body>
</html>